// CSS Main
@import "main.less";
//import "user_common.less";
//import "forms.less";

// content
//----------------------------------------
.app_widgets {
	.widget_group {
		margin-bottom:5px;
	}
	.families {
		// role begin
		li {
			float:left; 
			width:350px;
			margin-bottom:20px;
			font-size:@midFontSize;
			
			&.main {
				clear:both;
				width:100%;
			}
			
			.avatar {
				width:128px;
				height:128px;
				float:left;
			}
			
			.family_info {
				float:left;
				margin-left:10px;
				margin-top:50px;
				
				.icon {
					width:18px;
					height:18px;
					float:left;
					margin-right:10px;
					background:url("@{userIcons}") no-repeat -47px -585px;
				}
				
				.yes {
					background:url("@{userIcons}") no-repeat -21px -585px;
				}
				
			}
			
		}
		// role end
		
		// form action start
		.form-actions {
			clear:both;
		}
		// form action end
		
	}
	
}
// end appwidgets